Debug-Bootstrap modal


Posted by mijouhsieh on 2023-03-24

串接API,並使用Bootstrap套件 V5.1,顯示modal元件
Bootstrap Modal
debug-Modal-Bootstrapv5.1


2個重點:

按鈕data-bs-toggle = "modal" 按了button會跳出視窗
對應 => modal元件 class="modal"

按鈕data-bs-target = "movie-modal" 決定跳出來的視窗是哪個
對應 => modal元件 id="movie-modal"
值要字串不可以是數字

<button data-bs-target="#movie-modal" 
       data-bs-target=" #字串!!!不可以是#1數字 " 
...>
//對應
<div id="movie-modal" 
     id="字串!!!" //id="1"沒用>

#debug #bootstrap-modal #Bootstrap #modal







Related Posts

Git 基本操作

Git 基本操作

[Day 2] JS in Pipeline (2): Docker and Local Development Environment (2)

[Day 2] JS in Pipeline (2): Docker and Local Development Environment (2)

部署 (1) —— 建立 AWS EC2 主機及 SSH 連線

部署 (1) —— 建立 AWS EC2 主機及 SSH 連線


Comments